<template>
  <view class="container">
    <view class="top_title">
      提现管理
      <image src="../../static/img/left_icon.png" class="goback" @tap="goback"></image>
      <image src="../../static/img/question.png" class="question" @tap="dialogToggle('info')"></image>
    </view>
    <view class="status">
      <view class="status_box">
        <text class="peoples">￥5</text>
        <view class="btns">
          <text>申请提现</text>
          <text @click="goGathering">收款设置</text>
        </view>
      </view>
    </view>
    <view class="total_box">
      <text>累计收益：0元</text>
      <text>累计提现：0元</text>
    </view>
    <view class="bottom_box">
      <view class="search_box">
        <text>提现时间</text>
        <text>余额</text>
        <text>手续费</text>
        <text>备注</text>
        <text>状态</text>
      </view>
      <view class="search_result"><image src="../../static/img/no_data2.png"></image></view>
    </view>
    <!-- 提示窗示例 -->
    <uni-popup ref="alertDialog" type="dialog">
      <uni-popup-dialog :type="msgType" cancelText="关闭" confirmText="知道了" title="温馨提示" :content="content" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
    </uni-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      msgType: 'success',
      content:
        '1. 收款账号异常（账号错误、开户行错误）将导致无法提现；2. 最低提现100元；3. 每月1，2，3，6，7，8，9，10，13，14，15，16，17，20，21，22，23，24，27，28，29，30日可申请提现'
    };
  },
  methods:{
    goback() {
      uni.navigateBack();
    },
    dialogToggle(type) {
      this.msgType = type
      this.$refs.alertDialog.open()
    },
    dialogConfirm() {
      console.log('点击确认');
      
    },
    dialogClose() {
      console.log('点击关闭');
    },
    goGathering(){
      console.log("执行了这方法")
      uni.navigateTo({
        url: '../Gathering/Gathering',
        animationType: 'slide-in-right'
      });
    },
   
  }
};
</script>

<style>
@import 'CashManagement.css';
</style>
